<script src="Dragable.js"></script>
<script>
	document.onmousemove = mouseMove;
	document.onmousedown = mouseDown;
	document.onmouseup   = mouseUp;

	window.onload = function() {
		makeDraggable(get('DragImage5'));
		makeDraggable(get('DragImage6'));
		makeDraggable(get('DragImage7'));
		makeDraggable(get('DragImage8'));
		makeDraggable(get('testDIV'));
	}
</script>

<FIELDSET id=Demo5 style="HEIGHT: 70px"><h3>Demo - Drag any of the 
images</h3><IMG id=DragImage5 
src="http://www.blueidea.com/articleimg/2006/07/3791/drag_drop_heart.gif"><IMG 
id=DragImage6 
src="http://www.blueidea.com/articleimg/2006/07/3791/drag_drop_heart.gif"><IMG 
id=DragImage7 
src="http://www.blueidea.com/articleimg/2006/07/3791/drag_drop_diamond.gif"><IMG 
id=DragImage8 
src="http://www.blueidea.com/articleimg/2006/07/3791/drag_drop_club.gif"> </FIELDSET>

<div id="testDIV" style="width:200px;height:160px;background-color:lightgreen"></div>